<script setup lang="ts">

import F_card from "@/components/common/f_card.vue";
import F_welcome from "@/components/admin/f_welcome.vue";
import F_quick_entrance from "@/components/admin/f_quick_entrance.vue";
import F_version from "@/components/common/f_version.vue";
import Chat_data_echarts from "@/components/echarts/chat_data_echarts.vue";
</script>

<template>
  <div class="home_view">
    <f_welcome no-weather></f_welcome>
    <div class="bottom">
      <div class="left">
        <f_quick_entrance></f_quick_entrance>
        <f_card title="数据统计" class="statistics">
          <chat_data_echarts></chat_data_echarts>
        </f_card>
      </div>
<!--      <div class="right">-->
<!--        <f_version></f_version>-->
<!--      </div>-->
    </div>
  </div>
</template>

<style lang="less">
.home_view {
  background-color: inherit !important;


  .bottom {
    display: flex;
    justify-content: space-between;

    .left {
      width: 100%;

      .statistics {
        margin-top: 20px;
      }
    }

    //.right {
    //  width: 30%;
    //  margin-left: 20px;
    //}
  }
}
</style>